var storeVigenteArray = [
    ['Auxiliar', 'Matemática 1','Ing Informática', 'A','1000','1'],
    ['Ayudante', 'Matemática 2','Ing Informática', 'A','1000','1'],
    ['Auxiliar', 'Matemática 3','Ing Informática', 'A','1000','1'],
    ['Encargado', 'Matemática 4','Ing Informática', 'A','1000','1'],
    ['Ayudante', 'Matemática 5','Ing Informática', 'A','1000','1'],
    ['Auxiliar', 'Matemática 6','Ing Informática', 'A','1000','1'],
    ['Encargado', 'Matemática 7','Ing Informática', 'A','1000','1'],
    ['Auxiliar', 'Matemática 8','Ing Informática', 'A','1000','1']

];
Ext.onReady(function(){

    var grid = new Ext.grid.GridPanel({
        id: 'editForm',
        store: new Ext.data.GroupingStore({
            id: 'detailStore',
            url    : '/liquidacion/ajax-detallar',
            reader: new Ext.data.JsonReader(
                {
                    root:"rows",
                    totalProperty:"results",
                    successProperty:"success",
                    idIndex: 0,
                    fields: [
                        {name:'categoria',mapping:'categoria'},
                        {name:'materia',mapping:'materia'},
                        {name:'seccion',mapping:'seccion'},
                        {name:'importe',mapping:'importe'},
                        {name:'horas',mapping:'horas'}
                    ]
                }),
           // data: storeVigenteArray,
            groupField: 'categoria'
        }),
        colModel: new Ext.grid.ColumnModel({
            columns:[
                {header: 'Categoría', dataIndex: 'categoria', hidden:true},
                {header: 'Materia', dataIndex: 'materia'},
                {header: 'Sección', dataIndex: 'seccion', align:'center'},
                {header: 'Importe', dataIndex: 'importe', align:'right'},
                {header: 'Horas', dataIndex: 'horas', align:'center'}
            ],
            defaults: {
                sortable:true
            }
        }),

        view: new Ext.grid.GroupingView({
            forceFit: true,
            groupOnSort: true,
            groupField: 'categoria',
            groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Cursos" : "Curso"]})'
        }),

        width: 520,
        height: 350,
        bbar:[
            X.form.button ({ width:80, id:'detCerrar',  text:'Cerrar', handler: function(){ X.get('detailWindow').hide();}})
        ]
    });
    X.win.panel({
        id    : 'detailWindow',
        title : 'Resolver Conflictos por Materia',
        items :[
            X.get('editForm')
        ]

    })
    X.get('detailWindow').begin = function(){
        if (X.get('detailWindow').isVisible()==false){
            X.show('detailWindow');
        }
    }
});